<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /*
        类是创建对象的模板
    */
    class Person {
      // 类的代码块，默认就是处于严格模式下
      /*
        类当真的代码可以写什么？
        1.属性
          - 实例属性 通过实例p1访问
          - 静态属性 通过类(Person)访问

        2.方法
          - 实例方法 通过实例p1访问
          - 静态方法 通过Person类访问
      */
     name = '孙悟空'
     age = 18
     static test = 'test静态属性'
     sayHello() {
      // p1调用sayHello,this指向p1实例
      console.log('hello!'+ this.name)
     }
     static test2() {
      // 静态方法中，this指向Person
      console.log('我是静态方法', this)
     }
    }

    const p1 = new Person()
    console.log('p1', p1)
    p1.sayHello()
    Person.test2()
  </script>
</body>
</html>